<template>
  <div>
    <h2>侦听器</h2>
    <input type="text" v-model.lazy="uname">
  </div>
</template>

<script>
export default {
  data() {
    return {
      uname: 'zhangsan',
      dog: {
        name: '四喜',
        age: 2
      }
    }
  },
  watch: {
    // 函数写法
    // uname(newVal,oldVal){
    //   console.log(newVal,oldVal)
    // }
    // 对象格式写法
    uname:{
      handler(newVal,oldVal){
        console.log(newVal,oldVal)
      }
    }
  }
}
</script>
